<template>
  <div>
    <div>这是子组件</div>
    <slot :usertext="bwa"> 这是子组件自己内容 </slot>


    <slot name="aaa"></slot>
     <slot></slot> <!-- 没有name默认插槽 -->
    <slot name="bbb">
    </slot>
  </div>
</template>

<script>
export default {
  data() {
    return {
      usb: {
        aaa: "1",
        bbb: "2"
      },
      bwa: [1, 2, 3]
    };
  },

  mounted(){
    console.log(this.$slots); //插槽的节点(slotPrent使用了3个节点,便展示3个)
  }
};
</script>

<style></style>
